<template>
  <div class="intro">
    <detail-section :title="priceIntro.title" font-size="18px">
      <template #content>
        <div class="content">
          {{ priceIntro.introduction }}
        </div>
      </template>
    </detail-section>
  </div>
</template>

<script setup>
import detailSection from "@/components/detail-section/detail-section.vue"
const props = defineProps({
  priceIntro: {
    type: Object,
    default: () => ({})
  }
})

</script>

<style lang="less" scoped>
.intro {
  .content {
    font-size: 12px;
    color: #666;
    margin-top: 10px;
    line-height: 1.5;
  }
}
</style>